#main_cont {
    content-visibility: auto;
    contain-intrinsic-size: 200px;
}
.van-tab {
    position: static !important;
}

.van-list__finished-text {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.home-header {
    padding: 5px 10px 0 0px;
    background: url('../assets/index/title_bg.png') no-repeat center center;
    background-size: cover;

    .tab {
        height: 44px;
    }

    .header-md {
        height: 30px;
        line-height: 30px;
        border-radius: 20px;
    }
}

.home-my-swipe .van-swipe-item {
    height: 156px;

    img {
        height: 156px;
        width: 100%;
    }
}

section.home_main {
    .grid {
        border-radius: 5px;

        .item {
            padding: 8px 0 !important;

            .image {
                width: 58px;
                height: 58px;
                margin: auto;
            }
        }
    }

    .home-banner {
        height: 58px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url('../assets/index/banner.png');
    }

    .home-sp {
        height: 84px;
        border-radius: 6px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url('../assets/index/sp_zq.png');
    }

    .home-news {
        border-radius: 5px;

        .news-lt {
            transform: translateY(2px);

            img {
                width: 12px;
            }
        }

    }

    .grid-list {
        .list {
            img {
                height: 80px;
            }
        }

        .list:nth-child(odd) {
            padding-right: 7px; // 7px
        }

        .list:nth-child(even) {
            padding-left: 7px; // 7px
        }
    }

    .sy {
        background: url('../assets/index/rm_beijing.png') no-repeat center center;
        background-size: cover;
        margin: 10px 0;
        padding-top: 10px;
        padding-bottom: 20px;

        .sy_item {
            padding-top: 20px;
            padding-bottom: 15px;

            .title {
                padding-bottom: 10px;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                width: 50%;
                margin: auto;

                img.img_one {
                    width: 19px;
                    height: 24px;
                }

                img.img_two {
                    width: 21px;
                }
            }

            div.content {
                border-radius: 4px;

                .item {
                    padding: 10px 0;

                    .image {
                        width: 80px; // 80px
                        height: 80px; // 80px
                        margin: 0 auto;
                    }

                    .price {
                        text-decoration: line-through;
                    }

                    button {
                        background-color: #fff;
                        border: 1px solid var(--pink);
                    }
                }
            }
        }

    }

    .zk {
        padding: 8px 10px 10px 10px;

        .title {
            padding-bottom: 15px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 60%;
            margin: auto;

            .line {
                width: 50px;
                height: 1px;
            }
        }

        .content {
            .list {
                padding: 5px 0;

                .good-img {
                    position: relative;

                    .all-red {
                        position: absolute;
                        top: 0;
                        right: 0;
                        z-index: 99;
                        background-color: var(--pink)94;
                        border-radius: 0 0 0 22px;
                        color: #fff;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                        padding: 0 4px 0 6px;

                        i {
                            font-size: 18px;
                        }

                        span {
                            font-size: 13px;
                            padding-left: 6px;
                        }
                    }
                }

                .list-cont {
                    transform: translate3d(0, 0, 0) translateZ(0);
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                    background-color: #00897B;
                    border-radius: 4px;

                    .cont {
                        transform: translateZ(0);
                        padding: 10px;

                        .tag {
                            padding: 2px 0;
                            transform: translate3d(0, 0, 0);
                        }

                        .name {
                            height: 22px;
                            transform: translate3d(0, 0, 0) translateZ(0);
                            -webkit-backface-visibility: hidden;
                            backface-visibility: hidden;
                        }

                        .bt {
                            display: flex;
                            flex-direction: row;
                            justify-content: space-between;
                            align-items: flex-end;

                            button {
                                border: 0;
                            }

                            .number {
                                span {
                                    color: #3AA5F7;
                                }
                            }
                        }
                    }
                }

            }

            .list:nth-child(odd) {
                padding-right: 4px;
            }

            .list:nth-child(even) {
                padding-left: 4px;
            }
        }
    }
}

// phb
.phb {
    background: linear-gradient(#7951ec, #4523b1);
    padding: 8px;
    box-sizing: border-box;
    border-radius: 10px;

    .title {
        font-weight: 600;
        // -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.9);
        text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
        padding-bottom: 5px;
    }

    .tag {
        width: 128px;
        border-radius: 8px;
        height: 17px;
        padding-bottom: 1px;
        box-shadow: 0 2px 5px 0 rgb(53 26 131 / 49%);
        margin: 8px auto;
        background-color: #8b67e6;
    }

    .box {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: row;
        justify-content: center;

        .img-lt,
        .img-rt {
            position: absolute;
        }

        .img-lt {
            top: -40px;
            height: 80px !important;
            width: 80px !important;
            left: 0;
            z-index: 1 !important;
            background: url('../assets/index/phb_left.png') no-repeat center center;
            background-size: 100% 100%;
        }

        .img-rt {
            top: -50px;
            height: 90px !important;
            width: 90px !important;
            right: -10px;
            z-index: 2 !important;
            background: url('../assets/index/phb_right.png') no-repeat center center;
            background-size: 100% 100%;
        }
    }

    .list {
        .list-cont {
            height: 218px;
            border-radius: 10px;
            position: relative;
            overflow: hidden;

            .header {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                height: 37px;
                padding: 0 7px;

                .l_title {
                    width: 93px;
                    height: 22px !important;
                }

                .more {
                    width: 47px;
                    height: 24px !important;
                }
            }

            .content {
                background-color: #fff;
                border-radius: 10px;
                height: 182px;
                padding: 0 10px;
                box-sizing: border-box;

                .item {
                    display: flex;
                    align-items: center;
                    border-bottom: 1px solid #e5e5e5;
                    height: 60px;

                    .img {
                        width: 24px;
                        height: 33px !important;
                        margin: 6px 17px 0 0;

                        img {
                            width: 100%;
                        }
                    }

                    .number {
                        color: #606060;
                        font-size: 10px;
                        margin-bottom: 5px;
                    }

                    .p {
                        color: #a7a7a7;
                        font-size: 11px;

                    }
                }
            }
        }
    }

    .one {
        padding-right: 10px;
        z-index: 3 !important;
        position: relative;

        .list-cont {
            background: linear-gradient(#f15957, #bf1512);

            .header {
                .l_title {
                    background: url('../assets/index/phb_rq.png') no-repeat center center;
                    background-size: 100% 100%;
                }

                .more {
                    background: url('../assets/index/phb_one_more.png') no-repeat center center;
                    background-size: 100% 100%;
                }
            }
        }
    }

    .two {
        z-index: 4 !important;
        position: relative;

        .list-cont {
            background: linear-gradient(#582ec2, #3f2a79);

            .header {
                .l_title {
                    background: url('../assets/index/phb_dq.png') no-repeat center center;
                    background-size: 100% 100%;
                }

                .more {
                    background: url('../assets/index/phb_two_more.png') no-repeat center center;
                    background-size: 100% 100%;
                }
            }
        }
    }
}


// 客服按钮
.kf_btn {
    position: fixed;
    bottom: 60px;
    right: 10px;
    z-index: 99999;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }